Page({
  data: {
    bg_img:"/images/week12/p_select.png",
    address:"地址待输入...",
    title:"",
    content:"",
    info:[]
  },
  picture(){
    wx.chooseImage({
      count: 9,
      sizeType: ['original', 'compressed'],
      sourceType: ['album', 'camera'],
      success:res=>{
        // tempFilePath可以作为 img 标签的 src 属性显示图片
        const tempFilePaths = res.tempFilePaths
        this.setData({
          bg_img:tempFilePaths
        })
      }
    })
  },
  location(){
    wx.chooseLocation({
      success:res=>{
        var address = res.address
        this.setData({
          address:address
        })
      },
      fail:error=>{
        console.log(error)
      }
    })
  },
  user_title(e){
    var title = e.detail.value
    this.setData({
      title:title
    })
  },
  user_content(e){
    var content = e.detail.value
    this.setData({
      content:content
    })
  },
  preserve(){
    wx.showLoading({
      title: '正在保存中~',
      mask:true,
      success:res=>{
        var bg_img = this.data.bg_img
        var address = this.data.address
        var title = this.data.title
        var content = this.data.content
        this.data.info.push({
          bg_img:bg_img,
          address:address,
          title:title,
          content:content,
          flag:true
        })
        this.setData({
          user_info:this.data.user_info
        })
        wx.setStorageSync('user_info', this.data.user_info)
        //   setStorage 与setStorageSync的区别就是：setStorage 是异步的，而setStorageSync是同步的。
//         当你后面的操作必须依赖于修改storage后的数据，也就是说你后面的操作是基于修改storage成功后的，那就需要使用同步，也就是setStorageSync，不然后面操作执行时，使用的还是没有更新的数据。

//   当你后面的操作并不需要用到修改的storage数据，那就不需要立即同步，这时就可以选择使用异步，也就是setStorage ，因为操作内存是需要时间的，往往没有代码走的快。
        // 原文链接：https://blog.csdn.net/qq_37253891/article/details/99714332
        this.data.user_info = wx.getStorageSync('user_info')
        console.log(this.data.user_info)
      }
    }),
    setTimeout(function () {
      wx.hideLoading({
        success:res=>{
          wx.showToast({
            title: '保存成功！',
          })
        }
      })
    }, 2000)
  },
  onLoad(options) {

  },
})